<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateAdministrador.xhtml">
	<ui:define name="content">
	<h3 align="center" style="color: #FF9900">Convocatoria</h3>
	<br />
		<h:form>
			<a4j:region>
				<rich:dataTable value="#{convocatoriaBean.listaConvocatorias}"
					id="tabla" var="convocatoria" binding="#{convocatoriaBean.tablaConvocatoria}" align="center">
					<f:facet name="header">
						<h:outputText value="Convocatorias" />
					</f:facet>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Estado" />
						</f:facet>
						<h:outputText value="Activa" id="estadoA" rendered="#{convocatoria.estado}"/>
						<h:outputText value="Inactiva" id="estadoI" rendered="#{!convocatoria.estado}"/>
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Inicio Pre" />
						</f:facet>
						<h:outputText value="#{convocatoria.inicioPreinscripcion}" id="ip" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Fin Pre" />
						</f:facet>
						<h:outputText value="#{convocatoria.finPreinscripcion}" id="fp" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Inicio Pro" />
						</f:facet>
						<h:outputText value="#{convocatoria.inicioPropuesta}" id="inpro" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Fin Pro" />
						</f:facet>
						<h:outputText value="#{convocatoria.finPropuesta}" id="fpro" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Acciones" />
						</f:facet>
						<a4j:commandLink action="#{convocatoriaBean.obtenerSeleccion}" id="editarLink">
						Editar<h:graphicImage value="/images/icons/edit.jpg" />
						</a4j:commandLink>
						<rich:toolTip for="editarLink" value="Editar" />

						<a4j:commandLink action="#{convocatoriaBean.obtenerConvocatoriaEliminar}" id="eliminarLink"
							oncomplete="#{rich:component('confirmPanel')}.show()">
						Eliminar<h:graphicImage value="/images/icons/delete.jpg" />
						</a4j:commandLink>
						<rich:toolTip for="eliminarLink" value="Eliminar" />
					</rich:column>
				</rich:dataTable>
			</a4j:region>
			<br />
			<br />
			<a4j:commandLink action="nuevaConvocatoria"><h1>Crear una nueva convocatoria</h1></a4j:commandLink>
		</h:form>
		
		<rich:modalPanel id="confirmPanel" autosized="true" width="400"
			style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Editar la Institucion Actual" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelinksel"
						styleClass="hidelink" />
					<rich:componentControl for="confirmPanel" attachTo="hidelinksel"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<rich:messages style="color:red;"></rich:messages>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="2">
							<h:outputText
								value="¿Esta seguro que desea eliminar esta convocatoria?" />
							<h:graphicImage value="/images/icons/interrogacion.jpg" />

							<a4j:commandButton value="Si" action="#{convocatoriaBean.eliminarConvocatoria}" reRender="tabla"
								oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('confirmPanel')}.hide();" style="width: 80px; height: 41px; "/>

							<a4j:commandButton value="No" reRender="tabla"
								oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('confirmPanel')}.hide();" style="width: 80px; height: 41px; "/>
						</h:panelGrid>
					</a4j:outputPanel>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>
		
	</ui:define>
	<ui:define name="menu">
		<a4j:form>
			<ul class="menu">
				<li class="item174"><a href="administrador.jsf"> <span>Atras</span>
				</a>
				</li>
			</ul>
		</a4j:form>
	</ui:define>
</ui:composition>
</html>